.bttv-swap-chat {
  .right-column {
    order: 1;
  }

  .twilight-main {
    order: 2;
  }

  .side-nav,
  div:has(> .side-nav),
  div:has(> seventv-container > .side-nav) {
    order: 3;

    .collapse-toggle {
      transform: rotate(180deg);
    }
  }

  /* Restore channel content and player size */
  .channel-root__right-column.channel-root__right-column--expanded:not(.channel-root__right-column--home) {
    position: relative !important;
    transform: none !important;
  }

  .channel-root__right-column.channel-root__right-column--home {
    display: none !important;
  }

  div:has(> .channel-root) > .persistent-player {
    width: 100%;
  }

  .channel-root__player--with-chat {
    width: 100% !important;
  }

  .channel-info-content {
    width: 100% !important;
  }

  /* Toggle Visibility Arrows */
  .side-nav__toggle-visibility {
    right: unset;
    left: -2.5rem;
    transform: rotate(-180deg);
  }

  .side-nav--collapsed .side-nav__toggle-visibility {
    transform: rotate(180deg);
  }

  .right-column__toggle-visibility {
    left: 1rem;
    transform: rotate(180deg);

    div[role='tooltip'] {
      display: none !important;
    }
  }

  .right-column--collapsed .right-column__toggle-visibility {
    transform: rotate(-180deg);
  }

  /* Theatre Mode */
  .persistent-player--theatre,
  .channel-page__video-player--theatre-mode {
    left: auto !important;
    right: 0;
  }

  .right-column__toggle-visibility {
    z-index: 1000 !important;
  }

  /* order overrides z-index when auto on Firefox, which breaks the settings popout */
  .right-column {
    z-index: 3 !important;

    &.right-column--theatre {
      z-index: 3001 !important;
      right: unset !important;
    }
  }

  /* flips direction on squad streams */
  .multi-stream-player-layout {
    flex-direction: row-reverse;
  }

  /* chat settings */
  .channel-root__right-column div[data-a-target='chat-settings-balloon'] {
    margin-right: -25.3rem !important;
  }
}
